<template>
	<div class="HomePageLunBo">
		<LunBo>
			<LunBoItem v-for="(item,index) in img_arr" :key="index">
				<a href="javascript:;" @click="hrefClick(item.img_href)">
					<img :src="item.img_src">
				</a>
			</LunBoItem>
		</LunBo>
	</div>
</template>

<script>
	import LunBo from 'common/LunBo/LunBo.vue'
	import LunBoItem from 'common/LunBo/LunBoItem.vue'
	
	export default {
		name: 'HomePageLunBo',
		data: function(){
			return {
				img_arr: [
					{'img_href': '/original', 'img_src': require('assets/img/lunbo/006.jpg')},
					{'img_href': '/bookdetailpage/3', 'img_src': require('assets/img/lunbo/007.jpg')},
					{'img_href': '/mybookShelf', 'img_src': require('assets/img/lunbo/008.jpg')},
				]
			}
		},
		components: {
			LunBo,
			LunBoItem
		},
		methods:{
			hrefClick(e){
				this.$router.push(e)
			}
		}
	}
</script>

<style>
	.HomePageLunBo{
		margin-top: 40px;
	}
</style>
